:root {
    --tabs-nav-background-color: transparent;
    --button-plain-background-color: transparent;
    --button-primary-background-color: #60c08c;
    --button-primary-border-color: #60c08c;
    --button-default-background-color: $panel-3;
    --tab-text-color:#888894;
    --button-default-border-color:#49495F;
    --button-default-background-color:transparent;
}

.van-toast__loading {
    color: $theme-1;
}

// nav-bar
.van-nav-bar__left {
    .van-nav-bar__arrow {
        color: $text-color;
        font-weight: bold;
    }
}

.van-hairline--bottom::after {
    border-color: $border-color;
}

.van-nav-bar__content {
    min-height: var(--nav-bar-height, 44px);
}

.nav-timename{
	.van-tab--active{
		.van-ellipsis{
			font-weight: bold;
			font-size: 16px;
		}
	}
	.van-tabs__line {
	    background-color: transparent;
	    height: 6px;
	    &::before {
	        top: -4px !important;
	        width: 40px !important;
	        height: 20px !important;
	        // background: url(~@/assets/img/border_bottom.png) no-repeat !important;
			
	    }
	}
	.van-sticky{
		z-index: 1;
		.van-tabs__wrap {
			// border-bottom: 1px solid #f1a68c;
			border-bottom: 1px solid #E0B43C;
			overflow: visible;
		}
	}
}
.hg {
	.van-tabs__line{
	&::before {
	    background: url(~@/assets/img/border_bottom.png) no-repeat !important;
		background-size: 100% 100% !important;
	}}
	.van-tab--active{
		.van-ellipsis{
			color: #333 !important;
		}
	}
}

.sun {
	.tab-class{
		display: flex;
		justify-content: center;
		/* background: #2B2B2B; */
		/* width: 40px; */
		border-radius: 20px;
		font-size: 12px;
		display: flex;
		justify-content: center;
		align-items: center;
		.van-ellipsis{
			font-size: 12px;
			line-height: normal;
			padding: 4px 11px;
			margin: 5px 0 15px 0;
			border-radius: 20px;
			background: #2B2B2B;
		}
	}
	.van-tabs__line{
	&::before {
	    background: url(~@/assets/img/border_bottom_g.png) no-repeat !important;
		background-size: 100% 100% !important;
	}}
	.van-tab--active{
		.van-ellipsis{
			color: #f2f2f2 !important;
		}
	}
}
.m-t-md .d-inline-block .rounded-lg .van-button{
	box-shadow: 1px 5px 12px -2px #ef9b7e ;
}
.m-t-md .d-inline-block .buy-btn .van-button{
	box-shadow: none ;
	background: #f6c927;
	border-radius: 5px;
	margin-top: 18px;
}
.m-t-md .d-inline-block .buy-btn2 .van-button{
	box-shadow: none ;
	background: #f6c927;
	margin-top: 18px;
}
.layout-page {
    .van-swipe,
    .van-tab--active {
        // color: var(--nav-tab-active,#fff);
    }

    .van-nav-bar__title {
        color: $light;
    }

    .van-nav-bar {
        background-color: transparent;
        &.van-hairline--bottom:after {
            border-bottom-width: 0;
        }
    }

    .van-popup {
        background-color: $panel-7;
    }
    .van-popup--left {
        // background-color: $bg;
		background-image: url(~@/static/img/login/background.png);
		background-size: cover;
		background-repeat: no-repeat;
    }
    .van-field__input {
        color: $light;
    }

    .van-steps {
        background-color: transparent !important;
    }
	.van-step__title {
		color: #888888
	}
	.van-step__circle {
		width: 14px;
		height: 14px;
		background-color: #DDDDDD !important;
	}
	.van-step__line {
		background-color: #DDDDDD !important;
	}
    .van-stepper__minus,
    .van-stepper__plus {
        background-color: $panel-3;
        color: $light;
    }

    .van-stepper__input {
        background-color: $panel-3;
        color: $light;
    }

    .van-count-down {
        color: $light;
    }

    // search
    .van-search {
        background-color: transparent !important;

        .van-search__content {
            background-color: $panel-4 !important;
            border-radius: 20px;
        }
    }
    .van-hairline--bottom:after,
    .van-hairline--left:after,
    .van-hairline--right:after,
    .van-hairline--surround:after,
    .van-hairline--top-bottom:after,
    .van-hairline--top:after,
    .van-hairline:after {
        border-color: var(--border-color);
    }
    .van-tag {
        background-color: transparent;
        color: $light;
    }
    .van-tab {
        font-size: $font-size-md;
    }
    .van-tabs__line {
        background-color: transparent;
        height: 6px;
        &::before {
            /* content: "";
            display: block;
            position: absolute;
            left: 50%;
            top: 0;
            transform: translateX(-50%);
            width: 6px;
            height: 6px;
            border-radius: 50%;
            background-color: var(--nav-tab-active,#fff); */
			content: "";
			display: block;
			position: absolute;
			left: 50%;
			top: 1px;
			-webkit-transform: translateX(-50%);
			transform: translateX(-50%);
			width: 56px;
			height: 4px;
			background-color: var(--nav-tab-active-n, #fff);
        }
    }
    .van-search__action,
    .van-cell {
        color: $light;
    }
    .van-button--default {
        .van-button__text {
            color: $text-color;
        }
        &.van-dialog__confirm{
            .van-button__text {
                color: $blue;
            }
        }
    }
   
}
.vant-toast-index{
    position: relative;
    z-index: 99999999;
}
// picker
.van-picker {
    background-color: $panel-4;
}

.van-picker-column__item {
    color: $light;
}

[class*="van-hairline"]::after {
    border-color: $border-color;
}

.van-number-keyboard__keys {
    color: $gray-9;
}

.vant-popup-index {
    position: fixed;
    z-index: 6;
}

.default .van-button {
    color: $black !important;
}

.van-button--yellow {
	height: 50px !important;
    border-radius: 31px !important;
}

.van-button--yellow .van-button__text {
	color: #FFFFFF !important;
}

.layout-page {
    .van-tabs__wrap--scrollable .van-tabs__nav--complete {
        padding-left: 0;
        padding-right: 0;
    }
}
::v-deep .tab-active-class{
    color: $theme-1!important;
}
